<template>
		<s-layout  title="审核结果"   color='#3D3D3D'
			onShareAppMessage>
			<view class="main">
				<image class="img" src="https://xyh-static-app.oss-cn-hangzhou.aliyuncs.com/storage_2/storage/qt/202405081018314356.png" mode="aspectFill" v-if="auditStatus==0"></image>
				<image class="img" src="https://xyh-static-app.oss-cn-hangzhou.aliyuncs.com/storage_2/storage/qt/202405271604429477.png" mode="aspectFill" v-if="auditStatus==2"></image>
				<image class="img" src="https://xyh-static-app.oss-cn-hangzhou.aliyuncs.com/storage_2/storage/qt/202405271604423042.png" mode="aspectFill" v-if="auditStatus==1"></image>
			</view>
			<template v-if="auditStatus==0">
				<view class="ing ss-m-t-100">审核中</view>
			</template>
			<template v-if="auditStatus==2">
				<view class="fail ss-m-t-100">审批失败</view>
				<view class="fail ss-m-t-20">{{remark}}</view>
			</template>
			<template v-if="auditStatus==1">
				<view class="fail ss-m-t-100">恭喜审核通过 </view>
				<view class="fail ss-m-t-20">请及时前往后台补充类目资质</view>
			</template>
			
			
			<su-fixed bottom v-if="auditStatus==2">
				<view class="s-p-t-20 ss-p-b-60 ss-flex justify-center">
					<button class="sss-reset-button botttom_view" @click="jump()">提交资料</button>
				</view>
				
			</su-fixed>
			
		</s-layout>
</template>

<script setup>
import {
	computed,
	reactive,
	onBeforeMount,
	ref
} from 'vue';
import {
	onLoad,
	onShow,
	onPageScroll,
	onPullDownRefresh
} from '@dcloudio/uni-app';

import sheep from '@/sheep';

const template = computed(() => sheep.$store('app').template?.home);

const auditStatus = ref(2);
//审核备注
const remark = ref('');
//申请失败跳转
const jump =()=>{
	uni.navigateTo({
		url:'/pages/merchant/apply'
	})
}

onLoad((option)=>{
	
	//获取status参数
	if(option && option.status){
		auditStatus.value = option.status;
		remark.value = option.remark;
	}
	
	
	
})

</script>

<style lang="scss" scoped>
.main{
	display:flex;
	justify-content:center;
	align-items:center;
	height:300rpx;
	margin-left:80rpx;
	margin-right:80rpx;
	margin-top:300rpx;
	.img{
		width:100%;
	}
}
.ing{
	display:flex;
	justify-content:center;
	align-items:center;
	
	font-family: Source Han Sans;	
	font-weight:400;
	font-size:30rpx;
	line-height:28rpx;
	letter-spacing:1rpx;
	color:#666666;
}

.fail{
	display:flex;
	justify-content:center;
	align-items:center;
	
	font-family: Source Han Sans;	
	font-weight:400;
	font-size:30rpx;
	line-height:28rpx;
	letter-spacing:1rpx;
	color:#666666;
}
.botttom_view{
	width: 702rpx;
	height: 80rpx;
	background: #003288;
	border-radius: 49rpx;
	font-size: 32rpx;
	color: #FFFFFF;
	
	
}

</style>
